<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/pingdao.css">
    <link rel="stylesheet" href="../libs/iconfonts.css">
  <link rel="stylesheet" href="../libs/iconfontss.css">
  <link rel="stylesheet" href="../libs/iconfont.css">
  
   <!--<script>
  function init()
  {
    $('li').click(function(e){
            var e = e || window.event
            var target = e.target || e.srcElement
            console.log("liclick");
            var arr=[];

            for(var a=0;a<lists.length;a++)
            {
                if(target.nodeName=='LI'){
                    if(lists[a].id==$(this).attr('did'))
                    {
                        arr.push(lists[a]);
                    }
                }
            }

            if(arr.length==0)
            {return;}
            location.href='xiangq.html'
            console.log(arr);
            localStorage.setItem('abc', JSON.stringify(arr))
        })
  }
  </script>-->
</head>
<body>
    <div id="head">
        <div class="container top">
          <img src="../img/1.png" class="a">
          <a class="fxx"> <span>发现</span></a>
          <a href="" class="one"><span>频道</span><span class="iconfont ">></span></a>
          <a href=""> <span>电台</span></a>
          <div class="search">
            <input type="text" placeholder="专辑/声音/主播">
            <button><span class="iconfont icon-31sousuo"></span></button>
          </div>
          <div class="font first">
            <span class="iconfont icon-yunduanshangchuan"></span>
            <span class="fon">上传</span>
          </div>
          <div class="font">
            <span class="iconfont icon-kongzhizhongxin"></span>
            <span class="fon">创作中心</span>
          </div>
          <div class="font">
            <span class="iconfont icon-ziti"></span>
            <span class="fon">有声出版</span>
          </div>
          <div class="font last">
            <span class="iconfont icon-diannao_o"></span>
            <span class="fon">客户端</span>
          </div>
          <img src="../img/2.png" class="b">
          <div class="fl container">
          <div class="p1 container">
            <div class="lx">小说</div>
            <div class="lx">儿童</div>
            <div class="lx">相声小品</div>
            <div class="lx">评书</div>
            <div class="lx">娱乐</div>
            <div class="lx">悬疑</div>
            <div class="lx">人文</div>
            <div class="lx">国学</div>
          </div>
          <div class="p1 container">
            <div class="lx">头条</div>
            <div class="lx">音乐</div>
            <div class="lx">历史</div>
            <div class="lx">情感</div>
            <div class="lx">投资理财</div>
            <div class="lx">个人提升</div>
            <div class="lx">健康</div>
            <div class="lx">生活</div>
          </div>
          <div class="p1 container">
            <div class="lx">影视</div>
            <div class="lx">商业管理</div>
            <div class="lx">英语</div>
            <div class="lx">少儿素养</div>
            <div class="lx">科技</div>
            <div class="lx">教育考试</div>
            <div class="lx">体育</div>
            <div class="lx">小语种</div>
          </div>
          </div>
          <div class="sc">
            <div class="tp">
              <div class="scd">
                <span class="iconfont icon-jianji"></span>
                <span>音频剪辑</span>
              </div>
              <div class="scd">
                <span class="iconfont icon-yunduanshangchuan"></span>
                <span>上传节目</span>
              </div>
              <div class="scd">
                <span class="iconfont icon-dianshi"></span>
                <span>我的节目</span>
              </div>
              <div class="scd">
                <span class="iconfont icon-vip"></span>
                <span>主播入驻</span>
              </div>
            </div>
            <div class="bt">
             <div class="im a"> <a href=""><img src="../img/audio_editor_1eca741.png"></a></div>
              <div class="im"><a href=""><img src="../img/audio_editor_1eca741.png"></a></div>
              <div  class="im"><a href=""><img src="../img/approve_entrance_193bf71.jpg"></a></div>
             <div class="im"> <a href=""><img src="../img/approve_entrance_193bf71.jpg"></a></div>
            </div>
          </div>
          <div class="khd">
            <div class="zm">
              <div><span class="iconfont icon-zhuomian"></span>桌面版</div>
              <img src="../img/下载.png">
              <button>立即下载</button>
            </div>
            <div class="sj">
              <div><span class="iconfont icon-shouji"></span>手机版</div>
              <img src="../img/qrcode_pc_herder_b951def.png">
            </div>
           <a href="">点击查看更多版本></a>
          </div>
          <div class="vip">送vip</div>
          <div class="dl">
            <div class="bj">
              <span>未登录</span>
            </div>
            <div class="rj">
              <span>快速登录</span>
              <div class="out">
                <div class="in">
                  <span class="iconfont icon-zhuomian"></span>
                  <span>账号</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-erweima"></span>
                  <span>二维码</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-weixin"></span>
                  <span>微信</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-xinlangweibo"></span>
                  <span>微博</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-QQ"></span>
                  <span>QQ</span>
                </div>
              </div>
            </div>
          </div>
          <div class="dls">
            <div class="bj">
              <span class="yh">用户:</span>
              <div>
                <span>邮件</span>
                <span>设置</span>
                <span class="tc">退出</span>
              </div>
            </div>
            <div class="rj">
              <span>快捷入口</span>
              <div class="out">
                <div class="in">
                  <span class="iconfont icon-zhuomian"></span>
                  <span>个人页</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-erweima"></span>
                  <span>订阅</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-weixin"></span>
                  <span>历史</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-xinlangweibo"></span>
                  <span>已购</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-QQ"></span>
                  <span>喜欢</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="liner"></div>
      </div>
      <div id="sort">
        <div class="container fenl">
            <div class="title">
                <span>首页>全部频道></span>
                <span>小说</span>
              </div>
              <div class="all">
                <div class="ones ">全部</div>
                <div class="ones">小说</div>
                <div class="ones">儿童</div>
                <div class="c ones">相声小品</div>
                <div class="ones">评书</div>
                <div class="ones">娱乐</div>
                <div class="ones">悬疑</div>
                <div class="ones">人文</div>
                <div class="ones">国学</div>   
                <div class="ones">头条</div>
                <div class="ones">音乐</div>
                <div class="ones">历史</div>
                <div class="ones">情感</div>
                <div class="c ones">投资理财</div>
                <div class="c ones">个人提升</div>
                <div class="ones">健康</div>
                <div class="ones">生活</div>
                <div class="ones">影视</div>
                <div class="c ones">商业管理</div>
                <div class="ones">英语</div>
                <div class="c ones">少儿素养</div>
                <div class="ones">科技</div>
                <div class="c ones">教育考试</div>
                <div class="ones">体育</div>
                <div class="ones">小语种</div>
             
        </div>
      </div>
      </div>
      <div id="main">
        <div class="container mid">
            <div class="xr">
                <div class="jm">
                    <span class="qbjm">全部节目</span>
                    <div class="xz">
                        <span class="zhpx">综合排序</span>
                        <span class="zhpx">最多播放</span>
                        <span class="zhpx">已完结</span>
                    </div>
                </div>
               <div class="bbox">
                <div class="sj change">
                    <ul class="ul0"></ul>
                </div>
                <div class="sj">
                    <ul class="ul1"></ul>
                </div>
                <div class="sj">
                    <ul class="ul2"></ul>
                </div>
                <div class="sj">
                    <ul class="ul3"></ul>
                </div>
                <div class="sj">5</div>
                <div class="sj">6</div>
                <div class="sj">7</div>
                <div class="sj">8</div>
                <div class="sj">9</div>
                <div class="sj">10</div>
                <div class="sj">11</div>
                <div class="sj">12</div>
                <div class="sj">13</div>
                <div class="sj">14</div>
                <div class="sj">15</div>
                <div class="sj">16</div>
                <div class="sj">17</div>
                <div class="sj">18</div>
                <div class="sj">19</div>
                <div class="sj">20</div>
                <div class="sj">21</div>
                <div class="sj">22</div>
                <div class="sj">23</div>
                <div class="sj">24</div>
                <div class="sj ">25</div>
               </div>
            </div>
            <div class="rp">
              <div class="pd">
                <span class="rmpd">热门频道</span>
              </div>
                <div class="os">
                  <img src="https://imagev2.xmcdn.com/storages/e6bf-audiofreehighqps/72/09/CMCoOSEDu44AAAA-7AB02uRD.png!magick=webp">
                  <div class="gx">
                    <p>儿童故事</p>
                    <div class="gj">
                      <span>1.9万更新</span>
                      <span>2025.9万节目</span>
                    </div>
                  </div>
                </div>
                <div class="os">
                  <img src="https://imagev2.xmcdn.com/storages/0e6d-audiofreehighqps/E1/1B/CMCoOSYDu44aAAAsyQB02u9s.png!magick=webp">
                  <div class="gx">
                    <p>女性自我</p>
                    <div class="gj">
                      <span>3464更新</span>
                      <span>516.5万节目</span>
                    </div>
                  </div>
                </div>
                <div class="os">
                  <img src="https://imagev2.xmcdn.com/storages/3120-audiofreehighqps/19/C3/CMCoOR8EBt0QAABGtACJzhIo.jpg!strip=1&quality=7&magick=webp&op_type=5&upload_type=cover&name=web_large&device_type=ios">
                  <div class="gx">
                    <p>古风言情</p>
                    <div class="gj">
                      <span>2.5万更新</span>
                      <span>503.5万节目</span>
                    </div>
                  </div>
                </div>
                <div class="os">
                  <img src="https://imagev2.xmcdn.com/storages/172c-audiofreehighqps/2B/5F/CMCoOSMDu44YAABObQB02u59.png!magick=webp">
                  <div class="gx">
                    <p>治愈</p>
                    <div class="gj">
                      <span>3192更新</span>
                      <span>479.9万节目</span>
                    </div>
                  </div>
                </div>
                <div class="os">
                  <img src="https://imagev2.xmcdn.com/storages/0f38-audiofreehighqps/67/01/CMCoOSAEBtyaAAA_AACJzdrE.jpg!strip=1&quality=7&magick=webp&op_type=5&upload_type=cover&name=web_large&device_type=ios">
                  <div class="gx">
                    <p>都市</p>
                    <div class="gj">
                      <span>5.7万更新</span>
                      <span>1302.2万节目</span>
                    </div>
                  </div>
                </div>
            </div>
        </div>
      </div>
      <div id="car">
        <span class="ass">购物车</span>
      </div>
      <script src="../libs/require.js" data-main="../js/main1"></script>
</body>
</html>